@charset "UTF-8";
.home-container {
  width: 100%;
  padding: 0;
  background-color: #F5F8FA; }
.home-container .navbar {
    position: relative;
    min-height: 50px;
    margin-bottom: 0px;
    border: 1px solid transparent; }
.flex-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
.left-bg {
  background-image: none !important;
  background: none !important; }
.my-carousel-indicators {
  bottom: 8px; }
.col-sm-6, col-xs-12, col-sm-4, col-sm-8, col-sm-3 {
  padding: 0;
  margin: 0;
  padding-left: 0;
  padding-right: 0;
  margin-left: 0;
  margin-right: 0; }
.home-content {
  width: 100%;
  color: #3A3A3C;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  padding-bottom: 110px; }
.home-content .introduation {
    width: 100%;
    background: url("/static/images/yjyhweb/1shouye/pic1.png") no-repeat;
    background-size: 100% 706px;
    background-position: right; }
.home-content .introduation .my-row {
      width: 1200px;
      padding: 0;
      margin: 0; }
.home-content .introduation .my-row .cancel-style {
        padding: 0;
        margin: 0; }
.home-content .introduation .my-row .my-left {
        width: 100%;
        height: 567px;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        overflow: hidden;
        padding-top: 122px; }
.home-content .introduation .my-row .my-left .left-margin {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column; }
.home-content .introduation .my-row .my-left .left-margin .text {
            font-size: 48px;
            font-weight: bold; }
.home-content .introduation .my-row .my-left .left-margin .des {
            font-size: 16px;
            margin-top: 14px; }
.home-content .introduation .my-row .my-left .code-box {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex; }
.home-content .introduation .my-row .my-left .code-box .qr_code {
            background: #8B2248;
            overflow: hidden;
            margin-right: 12px;
            width: 96px; }
.home-content .introduation .my-row .my-left .code-box .qr_code .code_img {
              margin: 8px;
              width: 80px;
              height: 80px; }
.home-content .introduation .my-row .my-left .code-box .qr_code div {
              font-size: 14px;
              color: #FFFFFF;
              margin-bottom: 8px;
              width: 100%;
              text-align: center;
              letter-spacing: 4px; }
.home-content .introduation .my-row .my-right {
        width: 100%;
        height: 567px;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        overflow: hidden; }
.home-content .introduation .my-row .my-right .my-item-bg {
          height: 327px;
          width: 588px;
          margin: 120px 0 0 12px;
          background-size: cover;
          background-position: center;
          cursor: pointer; }
.home-content .mid-content {
    background: #FFFFFF;
    padding: 0 80px;
    margin: -64px 0 110px; }
.home-content .mid-content .title {
      font-size: 20px;
      padding: 48px 0 40px 0;
      text-align: center;
      font-weight: bold; }
.home-content .mid-content .content-box {
      display: inline-block;
      text-align: center;
      padding-bottom: 40px; }
.home-content .mid-content .content-box .num {
        font-size: 36px;
        color: #36B3C7;
        font-weight: bold;
        letter-spacing: 1px; }
.home-content .mid-content .content-box .description {
        font-size: 14px;
        height: 48px; }
.home-content .our-content {
    width: 100%;
    height: 783px;
    background: url("/static/images/yjyhweb/1shouye/wmdcp/pic3-0.png") no-repeat;
    background-size: 100% 783px;
    background-position: center;
    margin-top: 110px; }
.home-content .our-content .title {
      font-size: 24px;
      margin: 110px 0 12px;
      text-align: center;
      font-weight: bold; }
.home-content .our-content .description {
      font-size: 16px;
      color: #8E8E93;
      text-align: center;
      margin-bottom: 36px; }
.home-content .our-content .content-box {
      background: rgba(24, 47, 70, .96);
      padding: 32px 0 16px 0; }
.home-content .our-content .content-box .flex-between {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        color: #AEAEB2;
        padding: 0 32px;
        margin: 0; }
.home-content .our-content .content-box .flex-between:first-child {
          padding: 0; }
.home-content .our-content .content-box .flex-between .type {
          -ms-flex-negative: 0;
              flex-shrink: 0;
          border-bottom: 1px rgba(242, 242, 247, .24) solid;
          padding-bottom: 16px;
          text-align: center;
          font-size: 20px;
          margin-bottom: 30px; }
.home-content .our-content .content-box .flex-between .type:hover {
          color: #3DB5E0;
          border-color: #3DB5E0;
          cursor: pointer; }
.home-content .our-content .content-box .flex-between .type-active {
          color: #3DB5E0;
          border-color: #3DB5E0; }
.home-content .our-content .content-box .flex-between .info-block {
          background: rgba(255, 255, 255, .05);
          width: 272px;
          height: 149px;
          padding: 20px 20px 0 12px;
          margin-bottom: 16px;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex; }
.home-content .our-content .content-box .flex-between .info-block .left {
            width: 60px;
            height: 60px;
            -ms-flex-negative: 0;
                flex-shrink: 0; }
.home-content .our-content .content-box .flex-between .info-block .right {
            padding-left: 8px; }
.home-content .our-content .content-box .flex-between .info-block .right div:first-child {
              padding: 17px 0 12px 0px;
              font-size: 18px;
              color: #fff;
              font-weight: bold; }
.home-content .our-content .content-box .flex-between .info-block .right div:last-child {
              color: #C7C7CC;
              font-size: 14px; }
.home-content .our-content .content-box .flex-between .info-block .img-set1 {
            background: url("/static/images/yjyhweb/1shouye/wmdcp/pic3-1.0.png");
            background-size: 60px 60px; }
.home-content .our-content .content-box .flex-between .info-block .img-set2 {
            background: url("/static/images/yjyhweb/1shouye/wmdcp/pic3-1.1.png");
            background-size: 60px 60px; }
.home-content .our-content .content-box .flex-between .info-block .img-set3 {
            background: url("/static/images/yjyhweb/1shouye/wmdcp/pic3-1.2.png");
            background-size: 60px 60px; }
.home-content .our-content .content-box .flex-between .info-block .img-set4 {
            background: url("/static/images/yjyhweb/1shouye/wmdcp/pic3-1.3.png");
            background-size: 60px 60px; }
.home-content .our-content .content-box .flex-between .info-block .img-set5 {
            background: url("/static/images/yjyhweb/1shouye/wmdcp/pic3-1.4.png");
            background-size: 60px 60px; }
.home-content .our-content .content-box .flex-between .info-block .img-set6 {
            background: url("/static/images/yjyhweb/1shouye/wmdcp/pic3-1.5.png");
            background-size: 60px 60px; }
.home-content .our-content .content-box .flex-between .info-block .img-set7 {
            background: url("/static/images/yjyhweb/1shouye/wmdcp/pic3-1.6.png");
            background-size: 60px 60px; }
.home-content .our-content .content-box .flex-between .info-block .img-set8 {
            background: url("/static/images/yjyhweb/1shouye/wmdcp/pic3-1.7.png");
            background-size: 60px 60px; }
.home-content .our-content .content-box .flex-between .info-block .img-set2-1 {
            background: url("/static/images/yjyhweb/1shouye/wmdcp/pic3-2.0.png");
            background-size: 60px 60px; }
.home-content .our-content .content-box .flex-between .info-block .img-set2-2 {
            background: url("/static/images/yjyhweb/1shouye/wmdcp/pic3-2.1.png");
            background-size: 60px 60px; }
.home-content .our-content .content-box .flex-between .info-block .img-set2-3 {
            background: url("/static/images/yjyhweb/1shouye/wmdcp/pic3-2.2.png");
            background-size: 60px 60px; }
.home-content .our-content .content-box .flex-between .info-block .img-set2-4 {
            background: url("/static/images/yjyhweb/1shouye/wmdcp/pic3-2.3.png");
            background-size: 60px 60px; }
.home-content .our-content .content-box .flex-between .info-block .img-set2-5 {
            background: url("/static/images/yjyhweb/1shouye/wmdcp/pic3-2.4.png");
            background-size: 60px 60px; }
.home-content .our-content .content-box .flex-between .info-block .img-set2-6 {
            background: url("/static/images/yjyhweb/1shouye/wmdcp/pic3-2.5.png");
            background-size: 60px 60px; }
.home-content .our-content .content-box .flex-between .info-block .img-set2-7 {
            background: url("/static/images/yjyhweb/1shouye/wmdcp/pic3-2.6.png");
            background-size: 60px 60px; }
.home-content .our-content .content-box .flex-between .info-block .img-set2-8 {
            background: url("/static/images/yjyhweb/1shouye/wmdcp/pic3-2.7.png");
            background-size: 60px 60px; }
.home-content .our-content .content-box .flex-between .info-block .img-set3-1 {
            background: url("/static/images/yjyhweb/1shouye/wmdcp/pic3-3.0.png");
            background-size: 60px 60px; }
.home-content .our-content .content-box .flex-between .info-block .img-set3-2 {
            background: url("/static/images/yjyhweb/1shouye/wmdcp/pic3-3.1.png");
            background-size: 60px 60px; }
.home-content .our-content .content-box .flex-between .info-block .img-set3-3 {
            background: url("/static/images/yjyhweb/1shouye/wmdcp/pic3-3.2.png");
            background-size: 60px 60px; }
.home-content .our-content .content-box .flex-between .info-block .img-set3-4 {
            background: url("/static/images/yjyhweb/1shouye/wmdcp/pic3-3.3.png");
            background-size: 60px 60px; }
.home-content .our-content .content-box .flex-between .info-block .img-set3-5 {
            background: url("/static/images/yjyhweb/1shouye/wmdcp/pic3-3.4.png");
            background-size: 60px 60px; }
.home-content .our-content .content-box .flex-between .info-block .img-set3-6 {
            background: url("/static/images/yjyhweb/1shouye/wmdcp/pic3-3.5.png");
            background-size: 60px 60px; }
.home-content .our-content .content-box .flex-between .info-block .img-set3-7 {
            background: url("/static/images/yjyhweb/1shouye/wmdcp/pic3-3.6.png");
            background-size: 60px 60px; }
.home-content .our-content .content-box .flex-between .info-block .img-set3-8 {
            background: url("/static/images/yjyhweb/1shouye/wmdcp/pic3-3.7.png");
            background-size: 60px 60px; }
.home-content .our-content .content-box .flex-between .info-block .img-set4-1 {
            background: url("/static/images/yjyhweb/1shouye/wmdcp/pic3-4.0.png");
            background-size: 60px 60px; }
.home-content .our-content .content-box .flex-between .info-block .img-set4-2 {
            background: url("/static/images/yjyhweb/1shouye/wmdcp/pic3-4.1.png");
            background-size: 60px 60px; }
.home-content .our-content .content-box .flex-between .info-block .img-set4-3 {
            background: url("/static/images/yjyhweb/1shouye/wmdcp/pic3-4.2.png");
            background-size: 60px 60px; }
.home-content .our-content .content-box .flex-between .info-block .img-set4-4 {
            background: url("/static/images/yjyhweb/1shouye/wmdcp/pic3-4.3.png");
            background-size: 60px 60px; }
.home-content .our-content .content-box .flex-between .info-block .img-set4-5 {
            background: url("/static/images/yjyhweb/1shouye/wmdcp/pic3-4.4.png");
            background-size: 60px 60px; }
.home-content .our-content .content-box .flex-between .info-block .img-set4-6 {
            background: url("/static/images/yjyhweb/1shouye/wmdcp/pic3-4.5.png");
            background-size: 60px 60px; }
.home-content .our-content .content-box .flex-between .info-block .img-set4-7 {
            background: url("/static/images/yjyhweb/1shouye/wmdcp/pic3-4.6.png");
            background-size: 60px 60px; }
.home-content .our-content .content-box .flex-between .info-block .img-set4-8 {
            background: url("/static/images/yjyhweb/1shouye/wmdcp/pic3-4.7.png");
            background-size: 60px 60px; }
.home-content .my-customer {
    width: 100%;
    background: #fff;
    padding-bottom: 110px; }
.home-content .carousel-box {
    width: 1300px;
    margin: 0 auto; }
.home-content .carousel-box .all_slide {
      width: 80%;
      height: 300px;
      margin: 0 auto;
      position: relative; }
.home-content .carousel-box .swiper-container {
      width: 92%;
      height: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
.home-content .carousel-box .cont {
      width: 80%;
      margin: 0 auto; }
.home-content .carousel-box .swiper-slide {
      text-align: center;
      font-size: 18px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
.home-content .carousel-box .Insurance-module div {
      padding-top: 12px;
      font-size: 14px;
      color: #3A3A3C; }
.home-content .tab-box {
    background: #AD2A5A;
    width: 100%;
    color: #FFFFFF;
    font-size: 16px; }
.home-content .tab-box .margin-14 {
      padding: 14px 0;
      text-align: center;
      background: #AD2A5A;
      font-size: 0; }
.home-content .tab-box .margin-14 .name {
        width: 90%;
        overflow: hidden;
        white-space: nowrap;
        -o-text-overflow: ellipsis;
           text-overflow: ellipsis;
        display: inline-block;
        font-size: 15px; }
.home-content .tab-box .margin-14:hover {
      background: #A12552;
      cursor: pointer; }
.home-content .flex-between {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
.home-content .flex-between .action-box {
      width: 282px;
      background: #fff;
      height: 560px;
      position: relative;
      overflow: hidden; }
.home-content .flex-between .action-box:nth-child(3) .title {
        margin: 52px 61px 24px; }
.home-content .flex-between .action-box:nth-child(4) .title {
        margin: 53px 54px 24px; }
.home-content .flex-between .action-box:hover {
        cursor: pointer;
        color: #fff; }
.home-content .flex-between .action-box:hover .right-icon {
          background: #fff; }
.home-content .flex-between .action-box:hover .content-des {
          color: inherit; }
.home-content .flex-between .action-box:hover img:nth-child(1) {
          -webkit-transform: scale(1);
                      -ms-transform: scale(1);
                  transform: scale(1);
          -webkit-transition: 0.5s all ease-in-out;
          -o-transition: 0.5s all ease-in-out;
          transition: 0.5s all ease-in-out; }
.home-content .flex-between .action-box:nth-child(1):hover {
        background: #36B3C7; }
.home-content .flex-between .action-box:nth-child(1):hover .sm-img1 {
          background: url("/static/images/yjyhweb/1shouye/pic2-1.2.png") no-repeat;
          background-size: cover; }
.home-content .flex-between .action-box:nth-child(2):hover {
        background: #19B4F3; }
.home-content .flex-between .action-box:nth-child(2):hover .sm-img2 {
          background: url("/static/images/yjyhweb/1shouye/pic2-2.2.png") no-repeat;
          background-size: cover; }
.home-content .flex-between .action-box:nth-child(3):hover {
        background: #5092F6; }
.home-content .flex-between .action-box:nth-child(3):hover .sm-img3 {
          background: url("/static/images/yjyhweb/1shouye/pic2-3.2.png") no-repeat;
          background-size: cover; }
.home-content .flex-between .action-box:nth-child(4):hover {
        background: #36B3C7; }
.home-content .flex-between .action-box:nth-child(4):hover .sm-img4 {
          background: url("/static/images/yjyhweb/1shouye/pic2-4.2.png") no-repeat;
          background-size: cover; }
.home-content .flex-between .action-box .img1 {
        -webkit-transform: scale(1.05);
                    -ms-transform: scale(1.05);
                transform: scale(1.05);
        -webkit-transition: 0.5s all ease-in-out;
        -o-transition: 0.5s all ease-in-out;
        transition: 0.5s all ease-in-out;
        width: 100%;
        height: 176px; }
.home-content .flex-between .action-box .img2 {
        -webkit-transform: scale(1.05);
                    -ms-transform: scale(1.05);
                transform: scale(1.05);
        -webkit-transition: 0.5s all ease-in-out;
        -o-transition: 0.5s all ease-in-out;
        transition: 0.5s all ease-in-out;
        width: 100%;
        height: 176px; }
.home-content .flex-between .action-box .img3 {
        -webkit-transform: scale(1.05);
                    -ms-transform: scale(1.05);
                transform: scale(1.05);
        -webkit-transition: 0.5s all ease-in-out;
        -o-transition: 0.5s all ease-in-out;
        transition: 0.5s all ease-in-out;
        width: 100%;
        height: 176px; }
.home-content .flex-between .action-box .img4 {
        -webkit-transform: scale(1.05);
                    -ms-transform: scale(1.05);
                transform: scale(1.05);
        -webkit-transition: 0.5s all ease-in-out;
        -o-transition: 0.5s all ease-in-out;
        transition: 0.5s all ease-in-out;
        width: 100%;
        height: 176px; }
.home-content .flex-between .action-box .sm-img {
        width: 56px;
        height: 62px;
        position: absolute;
        top: 140px;
        left: 50%;
        -webkit-transform: translate(-50%, 0px);
                    -ms-transform: translate(-50%, 0px);
                transform: translate(-50%, 0px); }
.home-content .flex-between .action-box .sm-img1 {
        background: url("/static/images/yjyhweb/1shouye/pic2-1.1.png") no-repeat;
        background-size: cover; }
.home-content .flex-between .action-box .sm-img2 {
        background: url("/static/images/yjyhweb/1shouye/pic2-2.1.png") no-repeat;
        background-size: cover; }
.home-content .flex-between .action-box .sm-img3 {
        background: url("/static/images/yjyhweb/1shouye/pic2-3.1.png") no-repeat;
        background-size: cover; }
.home-content .flex-between .action-box .sm-img4 {
        background: url("/static/images/yjyhweb/1shouye/pic2-4.1.png") no-repeat;
        background-size: cover; }
.home-content .flex-between .action-box .title {
        margin: 52px 37px 24px;
        font-size: 18px;
        text-align: center; }
.home-content .flex-between .action-box .content-des {
        padding: 0 24px;
        font-size: 14px;
        color: #67676A;
        line-height: 24px; }
.home-content .flex-between .action-box .right-icon {
        border: 2px solid #E5E5EA;
        width: 68px;
        height: 40px;
        border-radius: 29px;
        position: absolute;
        top: 482px;
        right: 24px;
        text-align: center;
        line-height: 40px;
        color: #67676A; }
.home-content .flex-between .action-box .color-block {
        width: 100%;
        height: 10px;
        position: absolute;
        bottom: 0;
        left: 0; }
.home-content .flex-between .action-box .color-1 {
        background: #36B3C7; }
.home-content .flex-between .action-box .color-2 {
        background: #19B4F3; }
.home-content .flex-between .action-box .color-3 {
        background: #5092F6; }
.home-content .flex-between .action-box .color-4 {
        background: #36B3C7; }
.home-content .flex-between .live-box {
      width: 379px;
      height: 592px;
      background: #fff; }
.home-content .flex-between .live-box .live-img {
        width: 100%;
        height: 200px;
        margin-bottom: 20px; }
.home-content .flex-between .live-box .live-des {
        padding: 12px 24px 0;
        height: 176px;
        font-size: 14px;
        line-height: 24px; }
.home-content .flex-between .live-box .live-des .des-img {
          width: 18px;
          height: 15px;
          margin-right: 4px; }
.home-content .flex-between .live-box .come-name {
        text-align: right;
        padding-bottom: 24px;
        padding-right: 24px; }
.home-content .flex-between .live-box .noshow-content {
        width: 100%;
        height: 52px;
        background: #F9F9FF;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        margin-bottom: 12px;
        padding: 0 24px;
        line-height: 52px; }
.home-content .flex-between .live-box .noshow-content .noshow-img {
          width: 18px;
          height: 15px;
          margin-right: 4px; }
.home-content .flex-between .live-box .next-content {
        padding-bottom: 12px; }
.home-content .custome-title {
    font-size: 24px;
    font-weight: bold;
    color: #3A3A3C;
    text-align: center;
    margin: 110px 0 36px 0; }
.home-content .tab-bottom {
    background: #F9F9F9;
    padding: 72px 0; }
.home-content .tab-bottom .my-tab-bottom .tab-img {
      width: 576px;
      height: 388px;
      background-size: cover;
      background-position: center; }
.home-content .tab-bottom .my-tab-bottom .my-hover {
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      padding: 56px 0 56px 24px;
      height: 388px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; }
.home-content .tab-bottom .my-tab-bottom .my-hover .des {
        font-size: 14px;
        color: #67676A; }
.home-content .tab-bottom .my-tab-bottom .my-hover .des .title {
          font-size: 20px;
          color: #3A3A3C;
          margin-bottom: 24px; }
.home-content .tab-bottom .my-tab-bottom .my-hover .des .top {
          margin-bottom: 30px;
          line-height: 24px; }
.home-content .tab-bottom .my-tab-bottom .my-hover .des .bottom {
          line-height: 24px; }
.home-content .tab-bottom .my-tab-bottom .my-hover .more {
        font-size: 14px;
        color: #67676A;
        padding: 15px 16px 0;
        text-align: right;
        border-top: 2px solid #F2F2F7; }
.home-content .tab-bottom .my-tab-bottom .my-hover .more .my-hidden {
          display: none; }
.home-content .tab-bottom .my-tab-bottom:hover {
      cursor: pointer; }
.home-content .tab-bottom .my-tab-bottom:hover .my-hover .des .title {
        color: #8B2248; }
.home-content .tab-bottom .my-tab-bottom:hover .my-hover .more {
        color: #8B2248;
        border-top: 2px solid #8B2248; }
.home-content .tab-bottom .my-tab-bottom:hover .my-hover .more .my-hidden {
          display: inline-block;
          margin-left: 12px; }
.home-content .training-course {
    background: #fff;
    padding: 110px 0;
    font-size: 14px;
    color: #67676A; }
.home-content .training-course .tranning-title {
      width: 100%;
      font-size: 24px;
      font-weight: bold;
      color: #3A3A3C;
      margin-bottom: 28px;
      text-align: center; }
.home-content .training-course .my-flex {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
.home-content .training-course .my-flex .my-col {
        padding: 0;
        margin: 0;
        width: 369px; }
.home-content .training-course .my-flex .my-col .course-img {
          width: 369px;
          height: 207px;
          overflow: hidden; }
.home-content .training-course .my-flex .my-col .course-img .img-box {
            width: 100%;
            height: 100%;
            -webkit-transform: scale(1.05);
                        -ms-transform: scale(1.05);
                    transform: scale(1.05);
            -webkit-transition: 0.5s all ease-in-out;
            -o-transition: 0.5s all ease-in-out;
            transition: 0.5s all ease-in-out;
            background-position: center;
            background-size: cover; }
.home-content .training-course .my-flex .my-col .course-text {
          border-bottom: 2px solid #F2F2F7;
          padding-bottom: 32px;
          width: 100%;
          -webkit-transition: 0.5s all ease-in-out;
          -o-transition: 0.5s all ease-in-out;
          transition: 0.5s all ease-in-out; }
.home-content .training-course .my-flex .my-col .course-text .course-title {
            font-size: 16px;
            color: #3A3A3C;
            white-space: nowrap;
            overflow: hidden;
            -o-text-overflow: ellipsis;
               text-overflow: ellipsis;
            margin: 25px 0 16px;
            -webkit-transition: 0.5s all ease-in-out;
            -o-transition: 0.5s all ease-in-out;
            transition: 0.5s all ease-in-out;
            width: 100%;
            white-space: nowrap;
            text-overflow: ellipsis; }
.home-content .training-course .my-flex .my-col .course-text .course-des {
            word-break: break-all;
            -o-text-overflow: ellipsis;
               text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 4;
            /* 这里是超出几行省略 */
            overflow: hidden;
            text-align: left;
            line-height: 24px;
            height: 96px; }
.home-content .training-course .my-flex .my-col .course-more {
          margin-top: 15px;
          text-align: right;
          margin-bottom: 24px;
          -webkit-transition: 0.5s all ease-in-out;
          -o-transition: 0.5s all ease-in-out;
          transition: 0.5s all ease-in-out; }
.home-content .training-course .my-flex .my-col .course-more .my-hidden {
            display: none;
            -webkit-transition: 0.5s all ease-in-out;
            -o-transition: 0.5s all ease-in-out;
            transition: 0.5s all ease-in-out; }
.home-content .training-course .my-flex .my-col:hover {
        cursor: pointer; }
.home-content .training-course .my-flex .my-col:hover .course-img .img-box {
          -webkit-transform: scale(1);
                      -ms-transform: scale(1);
                  transform: scale(1);
          -webkit-transition: 0.5s all ease-in-out;
          -o-transition: 0.5s all ease-in-out;
          transition: 0.5s all ease-in-out; }
.home-content .training-course .my-flex .my-col:hover .course-text {
          border-bottom: 2px solid #8B2248;
          -webkit-transition: 0.5s all ease-in-out;
          -o-transition: 0.5s all ease-in-out;
          transition: 0.5s all ease-in-out; }
.home-content .training-course .my-flex .my-col:hover .course-text .course-title {
            color: #8B2248;
            -webkit-transition: 0.5s all ease-in-out;
            -o-transition: 0.5s all ease-in-out;
            transition: 0.5s all ease-in-out; }
.home-content .training-course .my-flex .my-col:hover .course-more {
          color: #8B2248; }
.home-content .training-course .my-flex .my-col:hover .course-more .my-hidden {
            display: inline-block;
            margin-left: 12px;
            -webkit-transition: 0.5s all ease-in-out;
            -o-transition: 0.5s all ease-in-out;
            transition: 0.5s all ease-in-out; }
@media (max-width: 768px) {
  .my-carousel-indicators {
    bottom: 26px; }
  .home-content {
    font-size: 15px;
    width: 100%;
    color: #3A3A3C; }
    .home-content .introduation {
      width: 100%;
      background: none; }
      .home-content .introduation .my-row {
        background: url("/static/images/yjyhweb/9phone/banner.png") no-repeat;
        background-size: 100% 100%; }
        .home-content .introduation .my-row .my-left, .home-content .introduation .my-row .my-right {
          width: 100%;
          -webkit-box-sizing: border-box;
                  box-sizing: border-box;
          overflow: hidden; }
        .home-content .introduation .my-row .my-left {
          height: 270px;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          padding-top: 0; }
          .home-content .introduation .my-row .my-left .left-margin {
            margin: 68px 24px 36px; }
            .home-content .introduation .my-row .my-left .left-margin .text {
              font-size: 32px; }
          .home-content .introduation .my-row .my-left .code-box {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            margin: 0 auto; }
            .home-content .introduation .my-row .my-left .code-box .qr_code {
              background: #8B2248;
              overflow: hidden;
              margin-right: 12px; }
              .home-content .introduation .my-row .my-left .code-box .qr_code .code_img {
                margin: 8px; }
              .home-content .introduation .my-row .my-left .code-box .qr_code div {
                font-size: 14px;
                color: #FFFFFF;
                margin-bottom: 8px;
                width: 100%;
                text-align: center;
                letter-spacing: 4px; }
        .home-content .introduation .my-row .my-right {
          width: 100%;
          height: 264px;
          margin-bottom: 32px; }
          .home-content .introduation .my-row .my-right .my-item-bg {
            width: 100%;
            height: 100%;
            margin: 0;
            height: 264px; }
    .home-content .mid-content {
      margin: 0 0 48px;
      padding: 0 32px; }
      .home-content .mid-content .title {
        width: 210px;
        padding: 48px 0 40px;
        margin: auto; }
    .home-content .flex-between {
      display: block;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
      .home-content .flex-between .action-box {
        width: 100%;
        margin: 0 24px 24px; }
        .home-content .flex-between .action-box:nth-child(3) .title {
          margin: 52px auto 24px;
          width: 160px; }
        .home-content .flex-between .action-box:nth-child(4) .title {
          margin: 53px auto 24px;
          width: 210px; }
    .home-content .our-content {
      height: auto;
      background: #fff;
      margin-top: 24px;
      padding-top: 40px; }
      .home-content .our-content .title {
        margin-top: 0; }
      .home-content .our-content .content-box .flex-between {
        padding: 0;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center; }
        .home-content .our-content .content-box .flex-between .type {
          padding-top: 16px; }
        .home-content .our-content .content-box .flex-between:not(:nth-child(1)) {
          padding: 12px 24px 0; }
        .home-content .our-content .content-box .flex-between .info-block {
          width: 100%; }
        .home-content .our-content .content-box .flex-between .live-box {
          width: 100%; }
      .home-content .our-content .content-box .hidden {
        display: none; }
    .home-content .my-customer {
      padding-bottom: 48px; }
      .home-content .my-customer .custome-title {
        margin-top: 48px; }
    .home-content .custome-title {
      margin-top: 48px; }
    .home-content .live-box {
      margin-bottom: 28px; }
    .home-content .tab-bottom {
      padding: 56px 0 0 0; }
      .home-content .tab-bottom .my-tab-bottom .my-hover {
        padding: 0;
        height: auto; }
      .home-content .tab-bottom .my-tab-bottom .tab-img {
        width: 327px;
        height: 200px;
        margin: 0 auto;
        display: block; }
      .home-content .tab-bottom .my-tab-bottom .title {
        margin: 56px 16px 24px;
        text-align: center; }
      .home-content .tab-bottom .my-tab-bottom .des {
        margin: 0 16px; }
        .home-content .tab-bottom .my-tab-bottom .des .top {
          margin-bottom: 30px; }
      .home-content .tab-bottom .my-tab-bottom .more {
        margin: 15px 16px;
        text-align: right; }
    .home-content .training-course {
      width: 100%; }
      .home-content .training-course .my-flex {
        display: block; }
        .home-content .training-course .my-flex .my-col {
          width: 100%; }
          .home-content .training-course .my-flex .my-col .course-img {
            width: 100%;
            height: 190px;
            margin: 0 auto;
            display: block;
            -webkit-box-sizing: border-box;
                    box-sizing: border-box;
            padding: 0 24px; }
          .home-content .training-course .my-flex .my-col .course-text .course-title {
            text-align: center; }
          .home-content .training-course .my-flex .my-col .course-text .course-des {
            text-align: left;
            margin: 0 16px;
            line-height: 24px; }
          .home-content .training-course .my-flex .my-col .course-more {
            text-align: right;
            margin: 15px 16px 24px; }
  .width-1200 {
    width: 100%; }
  .home-content {
    padding-bottom: 20px; }
    .home-content .carousel-box {
      width: 100%; } }
@media (min-width: 768px) {
  .home-container {
    min-width: 1200px;
    padding: 0; }
  .width-1200 {
    width: 1200px;
    margin: 0 auto; } }